<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="css/flash.css">
	<link rel="stylesheet" type="text/css" href="css/custom.css">
</head>
<body>
	<!-- 嵌入弹窗 940 * 605 -->
	<div id="js--pour-water-game" class="game">
		<div id="page1" class="page page1">
			<!-- 背景层 -->
			<canvas id="background_layer" class="layer" width="940" height="605" style="z-index: 1;"></canvas>
			<canvas id="water_layer" class="layer" width="940" height="605" style="z-index: 4;"></canvas>
			<!-- 游戏层 -->
			<canvas id="cup30g_layer" class="layer" width="940" height="605" style="z-index: 2;"></canvas>
			<canvas id="cup70g_layer" class="layer" width="940" height="605" style="z-index: 3;"></canvas>
			<canvas id="cup100g_layer" class="layer" width="940" height="605" style="z-index: 4;"></canvas>
			<!-- 事件层 -->
			<canvas id="event_layer" class="layer" width="940" height="605" style="z-index: 5;"></canvas>
			<!-- 重置按钮 -->
			<img id="reset_btn" class="btn reset_btn" src="./img/reset.png" style="z-index: 10;">
			<!-- mask -->
			<div id="mask_layer" class="layer" style="z-index: 9;display: none;"></div>
		</div>
	</div>

	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/flash.js"></script>
	<script type="text/javascript" src="js/canvas.class.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
</body>
</html>